<!DOCTYPE html>
<html lang="en">
 <head> 
  <meta charset="UTF-8" /> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
  <link rel="stylesheet" href="style.css" /> 
  <title>登录界面</title> 
 </head> 
 <body> 
  <section> 
   <!-- 大块颜色 --> 
   <div class="color"></div> 
   <!--<div class="color"></div>
					<div class="color"></div>--> 
   <div class="box"> 
    <!-- 动态的小圆圈 --> 
    <div class="circle" style="--x:0"></div> 
    <div class="circle" style="--x:1"></div> 
    <div class="circle" style="--x:2"></div> 
    <div class="circle" style="--x:3"></div> 
    <div class="circle" style="--x:4"></div> 
    <!-- 登录框 --> 
    <div class="container"> 
     <div class="form"> 
      <h2>登&nbsp;录</h2> 
      <form> 
       <div class="inputBox"> 
        <input type="text" placeholder="账号" /> 
       </div> 
       <div class="inputBox"> 
        <input type="password" placeholder="密码" /> 
       </div> 
       <div class="inputBox"> 
        <input type="submit" value="登  录" /> 
       </div> 
       <p class="forget">忘记密码?<a href="#"> 点击这里 </a></p> 
       <p class="forget">没有账户?<a href="#"> 注册 </a></p> 
      </form> 
     </div> 
    </div> 
   </div> 
  </section>  
 </body>
</html>